<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/friend.css">
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="logo">
                <a href="index.html"><img src="img/header_logo.png" alt=""></a>
            </div>
            <div class="header-login"><a href="login.html">登录</a></div>
            <div class="nav">
                <ul>
                    <li><a href="">全系产品</a></li>
                    <li><a href="friend.html">技术伙伴</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="">售后服务</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="friend">
        <div class="container">
            <div class="friend-title">优秀技术伙伴 优质技术产品</div>
            <div class="friend-wrap">
                <div class="wrap-item"><img src="img/friend/icon1.png" alt=""></div>
                <div class="wrap-item"><img src="img/friend/icon2.png" alt=""></div>
                <div class="wrap-item"><img src="img/friend/icon3.png" alt=""></div>
                <div class="wrap-item"><img src="img/friend/icon4.png" alt=""></div>
                <div class="wrap-item"><img src="img/friend/icon5.png" alt=""></div>
                <div class="wrap-item"><img src="img/friend/icon6.png" alt=""></div>
                <div class="wrap-item"><img src="img/friend/icon7.png" alt=""></div>
                <div class="wrap-item"><img src="img/friend/icon8.png" alt=""></div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-content-item">
                    <div class="footer-item-title">订单服务</div>
                    <ul>
                        <li><a href="">购买指南</a></li>
                        <li><a href="">送货政策</a></li>
                    </ul>
                </div>
                <div class="footer-content-item">
                    <div class="footer-item-title">服务支持</div>
                    <ul>
                        <li><a href="">意外险</a></li>
                        <li><a href="">售后服务</a></li>
                    </ul>
                </div>
                <div class="footer-content-item">
                    <div class="footer-item-title">关注我们</div>
                    <ul>
                        <li><a href="">新浪微博</a></li>
                        <li><a href="">官方微信</a></li>
                    </ul>
                </div>
                <div class="footer-content-item">
                    <div class="footer-item-title">代理合作</div>
                    <ul>
                        <li><a href="">加入我们</a></li>
                        <li><a href="">团购活动</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-logo">
                <img src="img/footer_logo.png">
            </div>
        </div>
    </div>
</body>

</html>